<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>3D魔方</title>
    <link rel="stylesheet" type="text/css" href="./style.css">
</head>

<body>
    <h1>3D魔方</h1>
    <div class="outer">
        <div class="inner">
            <div class="front">
                <div class="front1">1</div>
                <div class="front2">2</div>
                <div class="front3">3</div>
                <div class="front4">4</div>
                <div class="front5">5</div>
                <div class="front6">6</div>
                <div class="front7">7</div>
                <div class="front8">8</div>
                <div class="front9">9</div>
            </div>
            <div class="after">
                <div class="after1">1</div>
                <div class="after2">2</div>
                <div class="after3">3</div>
                <div class="after4">4</div>
                <div class="after5">5</div>
                <div class="after6">6</div>
                <div class="after7">7</div>
                <div class="after8">8</div>
                <div class="after9">9</div>
            </div>
            <div class="left">
                <div class="left1">1</div>
                <div class="left2">2</div>
                <div class="left3">3</div>
                <div class="left4">4</div>
                <div class="left5">5</div>
                <div class="left6">6</div>
                <div class="left7">7</div>
                <div class="left8">8</div>
                <div class="left9">9</div>
            </div>
            <div class="right">
                <div class="right1">1</div>
                <div class="right2">2</div>
                <div class="right3">3</div>
                <div class="right4">4</div>
                <div class="right5">5</div>
                <div class="right6">6</div>
                <div class="right7">7</div>
                <div class="right8">8</div>
                <div class="right9">9</div>
            </div>
            <div class="up">
                <div class="up1">1</div>
                <div class="up2">2</div>
                <div class="up3">3</div>
                <div class="up4">4</div>
                <div class="up5">5</div>
                <div class="up6">6</div>
                <div class="up7">7</div>
                <div class="up8">8</div>
                <div class="up9">9</div>
            </div>
            <div class="down">
                <div class="down1">1</div>
                <div class="down2">2</div>
                <div class="down3">3</div>
                <div class="down4">4</div>
                <div class="down5">5</div>
                <div class="down6">6</div>
                <div class="down7">7</div>
                <div class="down8">8</div>
                <div class="down9">9</div>
            </div>
        </div>
    </div>

</body>

</html>